<template>
    <div class="coupon">
        <div class="coupon_list" v-for="(item,index) of coupon_list" :key="index" @click="coupon_link(item.h5_url)">
          <img :src="item.img_url" alt="">
        </div>
    </div>
</template>

<script>
export default {
    name: 'HomeCoupon',
    props:{
      coupon_list:Array
    },
    data(){
      return{
        
      }
    },
    methods:{
      coupon_link(e){
        window.location.href = e
      }
    }
}

</script>

<style lang="stylus" scoped>
@import '~@/assets/styles/varibles.styl'
.coupon{overflow:hidden;background:$bgColor;touch-action: none;display: -webkit-box;display: -webkit-flex;display: flex;}
.coupon_list{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.coupon_list img{width:100%;}
</style>